<!DOCTYPE html>
<!-- html 代表整个网页 -->
<html lang="en">
<head>
    <!-- 网页的头部, 内部设置一些基础信息, css, 标题等 -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 顶部的标题文本 -->
    <title>Document</title>
</head>
<body>
    <!-- 主要的内容写在 body 的内部 -->
    <!-- h1 - h6 标题, 双标签, 数字越大, 文字越小 -->
    <h1>震惊! 新东方竟然教英语</h1>
    <h2>某知名记者暗访新东方学校, 发现-</h2>
    <h3>一堆人在念英语</h3>
    <h4>一堆人还在炒菜</h4>
    <h5>炒的是西兰花炒蛋</h5>
    <h6>真好吃~~~</h6>
    <!-- p 段落标签, 其中的内容是一个独立的段落 -->
    <p>
        新东方厨师英语班结业考试，老师指着锅问：“What’s this?”
        学员自信回答：“Stir-fry future!”（炒未来！）
        老师沉默两秒：“……这是 wok（锅），你炒的是雅思词汇书吧？”
    </p>
    <!-- strong 给特定的文本加粗 -->
    <h1>上下四方曰<strong>宇</strong>, 古往今来曰<strong>宙</strong></h1>
    <p>
        新东方厨师英语班结业考试，老师指着锅问：<strong>“What’s this?”</strong>
        学员自信回答：“Stir-fry future!”（炒未来！）
        老师沉默两秒：“……这是 wok（锅），你炒的是雅思词汇书吧？”
    </p>
</body>
</html>